/* color palette from <https://github.com/vuejs/theme> */
:root {
    --white: #fff;
    --font-color: #333;
    --font-white:#FFF;
    --nav-bg: #eee;
    --color-primary: #e6f510;
    --color-nav: #fff;
    --box-shadow:0 4px 8px 6px rgba(7,17,27,.06);
    --radius:10px;
}

*,
*::before,
*::after {
  margin: 0;
  position: relative;
  font-weight: normal;
}

body {
  min-height: 100vh;
  background-color: #eee;
}


 /**彩色滚动条样式开始*/
 ::-webkit-scrollbar {
  width: 10px;  
  height: 1px;
}
::-webkit-scrollbar-thumb {
  background-color: #12b7f5;
  background-image: -webkit-linear-gradient(45deg, rgb(93, 244, 255) 25%, transparent 25%, transparent 50%, rgb(93, 244, 255) 50%, rgb(93, 244, 255) 75%, transparent 75%, transparent);
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #f6f6f6;
}
/**彩色滚动条样式结束*/
.card {
  background-color: #fff;
  border-radius: var(--radius);
  box-shadow: var(--box-shadow);
}

.img-base{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}